<pw:html>
    <pw:head>
        <title>SISCO - Comenzar venta</title>

        <pw:component name="pw_include_view" data-show="true" data-src="head_scripts.html"></pw:component>
        
        <style>
            html,body { height: 100% }
            body {
                background-color: #333;
                color: #ddd;
                padding-top:51px;
                -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                box-sizing: border-box;         /* Opera/IE 8+ */
            }
            .venta-detalle {
                background-color: #000;
                overflow-y: scroll
            }
            .venta-total {
                background-color: #000;
                color: #fff;
                min-height: 150px;
                height: 150px
            }
            .venta-nueva {
                background-color: #000;
                min-height: 250px;
                height: 250px;
            }
            .fill-height { min-height: 100%; height: 100% }
        </style>
        
    </pw:head>

    <pw:body>

        <pw:component name="pw_include_view" data-show="true" data-src="header.html"></pw:component>

        <pw:component name="pw_include_view" data-show="true" data-src="footer_scripts.html"></pw:component>
        
        <script>
            
        function desactivarAgregado() {
                jQuery('#btn-agregar').attr('disabled','disabled');    
            }
            
            function activarAgregado() {
                desactivarAgregado();
                if (
                    (jQuery('#cantidad').val() > 0) &&
                    (jQuery('#descripcion').val() != 'ERROR') && (jQuery('#descripcion').val() != '')
                   )
                {
                    //alert(jQuery('#fecha-vencimiento').val());
	                jQuery('#btn-agregar').removeAttr('disabled');    
                }
            }
            
            jQuery('#cantidad').on('change',function(e) {
                activarAgregado();
            });
            
            jQuery('#codigo-producto').on('change',function(e) {
                desactivarAgregado();   
                jQuery.ajax({
                    url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                    type: 'GET',
                    dataType: 'JSON',
                    beforeSend: function(data) {
                        jQuery('#descripcion').val('Espere por favor...');
                        jQuery('#precio').val('Calculando...');
                    },
                    success: function(data){
                        if (data.id) {
                            jQuery('#descripcion').val(data.descripcion);
                            jQuery('#precio').val('$ '+data.precio);
                            jQuery('#cantidad-add-on').html(data.medida);
                            if (data.medida == 'u') jQuery('#cantidad').attr('step','1');
                            else jQuery('#cantidad').attr('step','any');
                            activarAgregado();
                        }
                        else {
                            jQuery('#descripcion').val('ERROR');
                        }
                    },
                    error: function(a,b,c){
                        alert('ERROR');
                    }
                    
                });
            });
            
        </script>
        
    </pw:body>
</pw:html>